<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册系统完善</title>
    <link rel="stylesheet" type="text/css" href="index.css">
    <script>
        function myck(type) {
            //获取输入框
            var input_username = document.getElementById("username");
            var input_password = document.getElementById("password1");
            var input_new_password = document.getElementById("password2");

            if(type==1){
                // 提交操作，非空效验
                if(input_username.value==""){
                    // 终止执行
                    alert("请先输入用户名！");
                    return false;
                }
                if(input_password.value==""){
                    alert("请先输入密码");
                    return  false;
                }
                if(input_new_password.value==""){
                    alert("请确认密码");
                    return  false;
                }
                if(input_password.value!=input_new_password.value){
                    alert("请检查密码是否相同");
                    return false;
                }
                alert("恭喜：操作成功");
            }else if(type==2){
                // 清空操作
                if(confirm("是否确认清空")){
                    // 清空数据
                    input_username.value = "";
                    input_password.value = "";
                    input_new_password.value="";
                }
            }
        }
    </script>
</head>
<body>
<div style="text-align: center";>
    <h2>注册</h2>
    <div style="margin-left: 20px";>
        用户名：<input id="username" name="uname" type="text"><p></p>
        密码：<input id="password1" name="password" type="password"><p></p>
        确认密码：<input id="password2" name="password" type="password"><p></p>

        <input id="input_sub" name="input_sub" type="button" value="提交" onclick="myck(1)">
        <input type="button" value="清空" onclick="myck(2)">
    </div>
</div>
</body>
</html>

